<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head >
    <meta http-equiv="Pragma" content="no-cache" />
    <meta http-equiv="Cache-Control" content="no-cache" />
    <meta http-equiv="Expires" content="0" />
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title>选油指南</title>
    <meta name="format-detection" content="telephone=no"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    <meta name="format-detection" content="telephone=no"/>
    <link href="css/mui.min.css" rel="stylesheet" type="text/css"/>
    <link href="css/mui.indexedlist.css" rel="stylesheet" type="text/css"/>
    <script  type="text/javascript" src="js/jquery_min1_11_2.js"></script>
    <style>
        html,body {
            width:100%;
            height:100%;

        }
        .area {
            margin: 20px auto 0px auto;
        }

        .mui-input-group {
            margin-top: 1px;
        }

        .mui-input-group:first-child {
            margin-top: 2px;
        }

        .mui-input-group label {
            font-size:medium;
            color:#444444;
        }

        .mui-checkbox input[type=checkbox],
        .mui-radio input[type=radio] {
            top: 6px;
        }

        .mui-content-padded {
            margin-top: 25px;
        }

        .mui-btn {
            padding: 10px;
        }

        .link-area {
            display: block;
            margin-top: 25px;
            text-align: center;
        }

        .spliter {
            color: #bbb;
            padding: 0px 8px;
        }


    </style>
</head>
<body  >

<header class="mui-bar mui-bar-nav" style="background-color: #00A297;">
    <!--<a class="mui-icon mui-icon-left-nav mui-pull-left" style="color: white;"  href="javascript:history.back()"></a>-->
    <h1 class="mui-title" style="color: white;">选油指南</h1>
</header>
<input type="hidden" id="hidwid" runat="server" />
<input type="hidden" id="hidbrandid" runat="server" />
<input type="hidden" id="hidseriesid" runat="server" />
<input type="hidden" id="hidmodelsid" runat="server" />
<div class="mui-content"
     style="margin: 0 auto; width: 100%; max-width: 640px;">

    <form class="mui-input-group"  >

        <div class="mui-input-row" onclick="selectbrand()" id="divbrand" >
            <label style="width:20%;">品牌</label>
            <input  class="mui-input"  type="text" style="width:80%;"  id="txtbrand"  disabled="disabled"   placeholder="请选择品牌"  runat="server"/>

        </div>
        <div class="mui-input-row" onclick="selectseries()" id="divseries" >
            <label style="width:20%;">车系</label>
            <input  class="mui-input"  type="text" style="width:80%;" id="txtseries" disabled="disabled"  placeholder="请选择车系"  runat="server"/>

        </div>
        <div class="mui-input-row" onclick="selectmodels()" id="divmodels">
            <label style="width:20%;">车型</label>
            <input  class="mui-input"  type="text" style="width:80%; " id="txtmodels" disabled="disabled"  placeholder="请选择车型"  runat="server"/>

        </div>
    </form>
    <div class="mui-content-padded">
        <a class="mui-btn mui-btn-block mui-btn-outlined" id="btn_query" style="padding: 5px 20px;color:white; background-color:orange;border-color:orange;" onclick="QueryInfo()" >查  询</a>
    </div>
    <div class="mui-card" id="divinfo" style="white-space:normal;display:none;">



    </div>
</div>
<div class="mui-card" id="selectDiv" style="overflow:auto;padding:5px; border-color:orange; margin:0px; width:96%;max-height:300px; background-color:white;position:absolute;display:none; ">
    <ul class="mui-table-view" id="listUL">


    </ul>
</div>
<div class="mui-card" id="selectbrand" style="overflow:auto;padding:5px 2px; margin:0px; width:96%; border-color:orange;  background-color:white;position:absolute;display:none; ">
    <div class="mui-indexed-list" style="height:100%;">
        <div class="mui-indexed-list-bar">
            <a href="#A" target="_self">A</a>
            <a href="#B">B</a>
            <a href="#C">C</a>
            <a href="#D">D</a>
            <a href="#E">E</a>
            <a href="#F">F</a>
            <a href="#G">G</a>
            <a href="#H">H</a>
            <a href="#I">I</a>
            <a href="#J">J</a>
            <a href="#K">K</a>
            <a href="#L">L</a>
            <a href="#M">M</a>
            <a href="#N">N</a>
            <a href="#O">O</a>
            <a href="#P">P</a>
            <a href="#Q">Q</a>
            <a href="#R">R</a>
            <a href="#S">S</a>
            <a href="#T">T</a>
            <a href="#U">U</a>
            <a href="#V">V</a>
            <a href="#W">W</a>
            <a href="#X">X</a>
            <a href="#Y">Y</a>
            <a href="#Z">Z</a>
        </div>

        <div class="mui-indexed-list-inner" style="height:100%;">
            <ul class="mui-table-view" id="Ulbrand" >
            </ul>
        </div>
    </div>
</div>


<style>
    .haibao{
        width:100%;
        max-width: 640px;
        margin:0 auto;
        padding: 10px 15px;
        box-sizing: border-box;
    }
    .haibao img{
        width:100%;
    }
    .haibao .oil-name{
        background-image: url('/img/skin/yellow.png');
        background-size: 100%;
        background-repeat: no-repeat;
    }
    .oil-name-yanghu{
        width:55%;
        margin:0 auto;
    }
    .oil-name-name{
        width:25%;
        margin:0 auto;
    }
    .oil-name-img{
        width:30%;
        margin:0 auto;
    }

    .haibao .oil-special{
        background-color : rgb(0,159,123);
        padding:10px 10px;
        box-sizing: border-box;
    }
    .oil-special-title {
        width:35%;
        margin: 0 auto;
    }
    .oil-special-img{
        width:35%;
        margin: 0 auto;
    }

    .oil-special-content{
        background-color : #fff;
        padding : 10px 10px;
    }

    .haibao .gearbox{

    }
    .haibao .drip{

    }

</style>
<div id='haibao' class="haibao" style="display:none">
    <div class="oil-name">
        <div style="height:20px"></div>
        <div class="oil-name-yanghu">
            <img src="img/skin/yanghu.png" alt=""  />
        </div>
        <div style="height:20px"></div>
        <div id="oil-name-name" class="oil-name-name">
            <img src="img/oil/DCTF-G_title.png" alt="" />
        </div>
        <div style="height:20px"></div>
        <div id="oil-name-img" class="oil-name-img">
            <img src="img/oil/DCTF-G.png" alt="" />
        </div>
    </div>
    <div class="oil-special">
        <div style="height:20px"></div>
        <div class="oil-special-title">
            <img src="img/skin/xingnengtedian.png" alt="" />
        </div>
        <div style="height:20px"></div>
        <div class="oil-special-img">
            <img src="img/skin/luoxuan.png" alt="" />
        </div>
        <div class="oil-special-content">
            <!--atf-5-->
            <div id="ATF-5" class="item">
                <p>产品特性：</p>
                <p>□ 适用于5速及以下的传统步进式自动变速箱</p>
                <p>□ 出色的抗氧化性，防止油品变稠和减少油泥的生成，
                    使变速箱保持清洁</p>
                <p>□ 优异的摩擦特性，使变速器工作更平稳顺畅，减少抖动，
                    提高驾驶舒适性</p>
                <p>□ 出色的极压抗磨性能，对变速箱提供更好的保护，延长
                    其使用寿命</p>
                <p>□ 优异的密封件适应性，防止因密封件失效引起的油液泄露</p>
                <p>□ 满足以下制造厂商规格要求：奔驰MB 236.1/2/3/45/6/7/8/9
                    克莱斯勒chryslerATF+ 、+2</p>
            </div>



            <!--atf-6-->
            <div id="ATF-6" class="item">
                <p>产品特性：</p>
                <p>□ 适应于新一代高效率6速及部分6速以上自动变速器（AT）</p>
                <p>□ 优异的低粘度配方，有助于提高燃油经济性；</p>
                <p>□ 出色的抗氧化性，防止漆膜和油泥的生成，使变速箱保持
                    清洁；</p>
                <p>□ 优异的摩擦特性，使变速器工作更平稳顺畅，减少抖动，
                    提高驾驶舒适性；</p>
                <p>□ 出色的极压抗磨性能，对变速箱提供更好的保护，延长其
                    使用寿命；</p>
                <p>□ 优异的密封件适应性，防止因密封件失效引起的油液泄露；</p>
                <p>□ 出色的低温流动性，在恶劣低温环境下也能为变速箱提供
                <p>高效润滑保护，使其顺畅工作。</p>
                <p>满足以下制造厂商规格要求：</p>
            </div>



            <!--atf-9-->
            <div id="ATF-9" class="item">
                <p>产品特性：</p>
                <p>为自动传动液中的最新概念，而且满足通用汽车ATF中最高规
                    格的要求DEXRON VI。由于DEXRON VI可兼容之前的所有规
                    格，这意味着ATF-9可应用于之前所有旧规格的要求中。可推
                    荐用于轿车、微型车以及轻负荷卡车的步进式自动变速器以及
                    辅助设备如液力转向系统。
                    适用于大多数9速及以下传统步进式自动变速箱（AT）。</p>
                <p>功能特点：</p>
                <p>■ 出色的极压抗磨性能，对变速器提供更好的保护，延长其
                    使用寿命；</p>
                <p>■ 优异的摩擦特性，使变速器工作更平稳顺畅，减少抖动，
                    提高驾驶舒适性；</p>
                <p>■ 优秀的氧化稳定性，防止漆膜和油泥的生成，使变速箱保
                    持清洁；</p>
                <p>■ 良好的密封件适应性，防止因密封件失效引起的油液泄露；</p>
                <p>■ 满足以下制造厂商规格要求：JASO M315Type 1A，丰田
                    ToyotaType T-IV，Autofluid D-II and D-III，马自达Mazda ATF
                    M-III and M-V、日产Nissan Matic Fluid C/D/J、斯巴鲁Subaru
                    ATF、本田Honda ATF Z-1等。</p>
            </div>





            <!--cvtf-->
            <div id="CVTF" class="item">
                <p>产品特性：</p>
                <p>用于带式及链式无极变速箱，涵盖日韩系、欧系、美系及国产车
                型（混合动力车型除外）</p>
                <p>出色的抗氧化性，防止漆膜和油泥的生成，使变速箱保持清洁；</p>
                <p>优异的摩擦特性，使变速器工作更平稳顺畅，减少抖动，提高
                驾驶舒适性；</p>
                <p>出色的极压抗磨性能，对变速箱提供更好的保护，延长其使用
                寿命；</p>
                <p>优异的密封件适应性，防止因密封件失效引起的油液泄露。</p>
                <p>满足以下制造厂商规格要求：
                通用GM DEX-CVT
                宝马BMW mimi Cooper EZL799
                丰田Toyota CVTF TC/FE
                日产Nissan NS-1/2/3
                本田Honda Z-1(CVT Model,without starting clutch)等。</p>
            </div>




            <!--dctf-g-->
            <div id="DCTF-G" class="item">
                <p>产品特性：</p>
                <p>DCTF干式双离合变速箱油，是针对双离合变速箱的易发热性优
                化了高温区域粘度特性而研发的一款性能卓越的DCTF干式双离
                合变速箱润滑油。具有优异的抗挤压和抗磨损性能，即使在长时
                间激烈的运动模式驾驶下也能保证稳定的摩擦特性。</p>
                <p>具有超长的换油周期和更好的驾驶舒适性</p>
                <p>良好的低温操作性和黏温性能</p>
                <p>良好的氧化安定性和热稳定性。</p>
                <p>优异的防锈性和抗腐蚀性能。</p>
                <p>良好的润滑性和极压性</p>
                <p>适用干式双离合的齿轮箱的润滑需求，如大众DQ200，福特
                6DCT250，比亚迪6DT25及菲亚特C635/C725等DCT干式双
                离合变速箱。</p>
            </div>




            <!--dctf-s-->
            <div id="DCTF-S" class="item">
                <p>产品特性：</p>
                <p>DCTF是针对双离合变速箱研发的的一款性能卓越的DVC湿式双
                离合变速箱润滑油。具有优异的抗挤压和抗磨损性能，即使在长
                时间激烈的运动模式驾驶下也能保证稳定的摩擦特性。</p>
                <p>功能特点：</p>
                <p>全面满足湿式双离合变速器的润滑要求，有效提升动力传输的平
                稳性和变速的平顺性；</p>
                <p>优异的摩擦特性，使变速器工作更平稳顺畅，减少抖动，提高驾
                驶舒适性；</p>
                <p>出色的极压抗磨性能，对变速箱提供更好的保护，延长其使用寿
                命；</p>
                <p>优异的密封件适应性，防止因密封件失效引起的油液泄露；</p>
                <p>满足以下制造厂商规格要求：奔驰MB236.21(001 989 85 03)、
                MZ320065 Dia-Queen SSTF-1、宝马BMW83 22 2 148 578，
                83 22 0 440 214，83 22 2 147 477、大众VW TL052 182、VW
                TL052 529、标致/雪铁龙Peugeot/Citroen9734.S2、福特FordM
                2C936A(BOT341)等。</p>
            </div>




            <!--chilunwang-->
            <div id="chilunwang" class="item">
                <p>产品特性：</p>
                <p>□ 由高品质的基础油配以高性能添加剂平衡配方调制而成，
                能最大限度地减少齿轮磨损延长齿轮的使用寿命</p>
                <p>□ 品质超越美国石油学会API GL-4</p>
                <p>□ 延长齿轮的使用寿命</p>
                <p>□ 优秀的防锈和抗腐蚀性能</p>
                <p>□ 良好的密封性能</p>
                <p>□ 卓越的低温使用性</p>
                <p>□ 适用于小汽车卡车和客车的手动变速箱及后桥齿轮,
                部分运输车辆的准双曲面齿轮;汽车转向装置;拖拉机的
                变速箱和驱动桥;</p>
            </div>


        </div>
    </div>
    <div class="gearbox">
        <img src="img/skin/gearbox.png" alt="" />
    </div>
    <div class="drip">
        <img src="img/skin/drip.png" alt="" />
    </div>
</div>



<script src="js/cardata.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
    var selectstate = 0;//调用代码 1品牌2车系3车型
    function GetQueryString(name) {
        var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
        var r = window.location.search.substr(1).match(reg);
        if (r != null) return unescape(r[2]); return null;
    }
    function QueryInfo() {

        var brandid = document.getElementById("hidbrandid").value;
        var seriesid = document.getElementById("hidseriesid").value;
        var modelsid = document.getElementById("hidmodelsid").value;

        if (brandid.trim() == "") {
            alert("请先选择品牌！");
            return;
        }
        if (seriesid == "") {
            alert("请先选择车系!");
            return;
        }
        if (modelsid == "") {
            alert("请先选择车型!");
            return;
        }
        //alert("1");
        var obj_divinfo = document.getElementById("divinfo");
        var flag = GetQueryString("flag");
        var info = "";
        var obj_Post = { "modelsid": modelsid, "flag": flag };
        $.ajax({
            type: "post",
            url: "model_info.php",
//            url: "../../tools/submit_ajax.ashx?action=wiew_BuyGuide_market",
            data: obj_Post,
            dataType: "json",
            error: function (XMLHttpRequest, textStatus, errorThrown) {
                //mui.toast(errorThrown);
                //alert(errorThrown);
                alert("服务器繁忙，请稍后再试！");
            },
            success: function (data, textStatus) {

                if (data.status == '1') {
                    //var oilsname = data.oilsname.toString();
                    //var oilsnameArr = new Array();
                    //oilsnameArr = oilsname.split("丄", 2);
                    //if (flag == "copton") {
                    //    info = "<div style='text-align:center;margin:5px;'>埃派克润滑油为您的爱车推荐用油</div>";
                    //}
                    //else {
                    //    info = "<div style='text-align:center;margin:5px;'>路邦汽车养护为您的爱车推荐用油</div>";
                    //}
                    ////info += "<div><table><tr><td>发动机油</td><td>" + oilsnameArr[0] + "</td></tr><tr><td>变速箱油：</td><td>oilsnameArr[1]</td></tr></table></div>";
                    //info += "<div style='margin-bottom:2px;text-align:center;font-size:small;'><table style='width:99%;margin:auto;'><tr><td style='border:1px solid #DDDDDD; width:70px;'>发动机油：</td><td style='border:1px solid #DDDDDD;color:red;text-align:left;'>" + oilsnameArr[0].replace(/\，/g, "<br/>") + "</td></tr><tr><td style='border:1px solid #DDDDDD;'>变速箱油：</td><td style='border:1px solid #DDDDDD;color:red;text-align:left;'>" + oilsnameArr[1] + "</td></tr><tr><td style='border:1px solid #DDDDDD; width:70px;'>免责条款：</td><td style='border:1px solid #DDDDDD;text-align:left;'>此用油推荐仅供参考，最终的用油级别、粘度和用量请以车辆服务手册为准。</td></tr></table></div>";
                    //info += data.msg.toString();
                    //info = info.replace(/\<img/g, "<img width='100%'");
                    var description_Guide = "";
                    if (flag == "copton") {
                        info = "<div style='text-align:center;margin:5px;'>埃派克润滑油为您的爱车推荐用油</div>";
                    }
                    else {
                        info = "<div style='text-align:center;margin:5px;'>埃派克润滑油为您的爱车推荐用油</div>";
                    }

                    info += "<div style='margin-bottom:2px;text-align:center;font-size:small;'><table style='width:99%;margin:auto;'>";
                    for (var i = 0; i < data.data.length; i++) {
                        info += "<tr><td style='border:1px solid #DDDDDD; width:100px;'>" + data.data[i].classname + "</td><td style='border:1px solid #DDDDDD;color:red;text-align:left;'>" + data.data[i].seriesname.replace(/\，/g, "<br/>") + "</td></tr>";
                        if (data.data[i].capacity != "" && data.data[i].capacity != "0") {
                            info += "<tr><td style='border:1px solid #DDDDDD; width:100px;'>" + data.data[i].classname + "升数</td><td style='border:1px solid #DDDDDD;color:red;text-align:left;'>" + data.data[i].capacity.replace(/\，/g, "<br/>") + "L</td></tr>";
                        }

                        description_Guide = description_Guide + data.data[i].description;
                    }

                    info += "<tr><td style='border:1px solid #DDDDDD; width:70px;'>免责条款</td><td style='border:1px solid #DDDDDD;text-align:left;'>此用油推荐仅供参考，最终的用油级别、粘度和用量请以车辆服务手册为准。</td></tr></table></div>";
                    info += description_Guide.replace(/\<img/g, "<img width='100%'");
                }
                else {
                    info = "<div style='text-align:center;margin:5px;'>"+data.msg.toString()+"</div>";
                }
                obj_divinfo.innerHTML = info;
                obj_divinfo.style.display = "";


                //todo 新加的html内容
                //todo 隐藏海报
                $('#haibao').hide();
                for (var i = 0; i < data.data.length; i++) {
                    if( data.data[i].classname == '变速箱油' ){
                        if( data.data[i].oil_code != '' && data.data[i].oil_code != 'source'  ){
                            $('#oil-name-name img').attr('src','img/oil/' + data.data[i].oil_code + '_title.png');
                            $('#oil-name-img img').attr('src','img/oil/' + data.data[i].oil_code + '.png');
                            $('.oil-special-content .item').hide();
                            $('.oil-special-content #' + data.data[i].oil_code ).show();
                            //显示海报
                            $('#haibao').show();
                        }
                    }
                }
            }
        });



    }
    function selectbrand(obj) {
        obj_divbrand = document.getElementById("divbrand");
        var obj_selectbrand = document.getElementById("selectbrand");
        var obj_selectDiv = document.getElementById("selectDiv");
        var obj_divinfo = document.getElementById("divinfo");
        if (obj_selectDiv.style.display != "none") {
            obj_selectDiv.style.display = "none";
        }
        if (obj_selectbrand.style.display == "none") {
            selectstate = 1;

            obj_selectbrand.style.top = (obj_divbrand.offsetTop + 80).toString() + "px";
            obj_selectbrand.style.left = document.body.offsetWidth * 0.02 + "px";
            obj_selectbrand.style.height = document.body.offsetHeight - 100 + "px";
            document.getElementById("btn_query").style.display = "none";
            obj_selectbrand.style.display = "";

            if (obj_divinfo.innerHTML != "") {
                obj_divinfo.style.display = "none";
            }


        }
        else {
            obj_selectbrand.style.display = "none";
            document.getElementById("btn_query").style.display = "";
            if (obj_divinfo.innerHTML != "") {
                obj_divinfo.style.display = "";
            }
        }


    }
    function selectseries() {
        var brandid = document.getElementById("hidbrandid").value;
        var obj_selectbrand = document.getElementById("selectbrand");
        var obj_selectDiv = document.getElementById("selectDiv");
        if (obj_selectbrand.style.display != "none") {
            obj_selectbrand.style.display = "none";
        }
        if (selectstate == 3 && obj_selectDiv.style.display != "none") {
            obj_selectDiv.style.display = "none";
        }
        if (obj_selectDiv.style.display == "none") {
            if (brandid == "") {
                alert("请先选择品牌!");
                return;
            }
            selectstate = 2;
            initCarInfo();
            obj_divseries = document.getElementById("divseries");

            obj_selectDiv.style.top = (obj_divseries.offsetTop + 80).toString() + "px";
            obj_selectDiv.style.left = document.body.offsetWidth * 0.02 + "px";
            obj_selectDiv.style.display = "";
            document.getElementById("btn_query").style.display = "none";
        }
        else {
            obj_selectDiv.style.display = "none";
            document.getElementById("btn_query").style.display = "";
        }

    }
    function selectmodels() {
        var brandid = document.getElementById("hidbrandid").value;
        var seriesid = document.getElementById("hidseriesid").value;

        var obj_selectbrand = document.getElementById("selectbrand");
        var obj_selectDiv = document.getElementById("selectDiv");
        if (obj_selectbrand.style.display != "none") {
            obj_selectbrand.style.display = "none";
        }
        if (selectstate == 2 && obj_selectDiv.style.display != "none") {
            obj_selectDiv.style.display = "none";
        }
        if (obj_selectDiv.style.display == "none") {
            if (brandid == "") {
                alert("请先选择品牌!");
                return;
            }
            if (seriesid == "") {
                alert("请先选择车系!");
                return;
            }
            selectstate = 3;
            initCarInfo();
            obj_divmodels = document.getElementById("divmodels");

            obj_selectDiv.style.top = (obj_divmodels.offsetTop + 80).toString() + "px";
            obj_selectDiv.style.left = document.body.offsetWidth * 0.02 + "px";
            obj_selectDiv.style.display = "";
            document.getElementById("btn_query").style.display = "none";
        }
        else {
            obj_selectDiv.style.display = "none";
            document.getElementById("btn_query").style.display = "";
        }
    }
    function select_OK(obj) {

        var objs = obj.childNodes;
        var txtbrand = document.getElementById("txtbrand");
        var hidbrandid = document.getElementById("hidbrandid");
        var txtseries = document.getElementById("txtseries");
        var hidseriesid = document.getElementById("hidseriesid");
        var txtmodels = document.getElementById("txtmodels");
        var hidmodelsid = document.getElementById("hidmodelsid");

        for (var i = 0; i < objs.length; i++) {
            if (objs[i].tagName != "INPUT") continue;
            //alert(objs[i].value + "|" + objs[i].title);
            objs[i].checked = true;
            if (selectstate == 1) {
                txtbrand.value = objs[i].title;
                hidbrandid.value = objs[i].value;
                txtseries.value = "";
                hidseriesid.value = "";
                txtmodels.value = "";
                hidmodelsid.value = "";
                document.getElementById("selectbrand").style.display = "none";
                document.getElementById("divinfo").style.display = "none";
            }
            if (selectstate == 2) {
                txtseries.value = objs[i].title;
                hidseriesid.value = objs[i].value;
                txtmodels.value = "";
                hidmodelsid.value = "";
                document.getElementById("selectDiv").style.display = "none";
                document.getElementById("divinfo").style.display = "none";
            }
            if (selectstate == 3) {
                txtmodels.value = objs[i].title;
                hidmodelsid.value = objs[i].value;
                document.getElementById("selectDiv").style.display = "none";
                document.getElementById("divinfo").style.display = "none";
            }
            document.getElementById("btn_query").style.display = "";
        }
        selectstate = 0;
    }

    function initCarInfo() {
        var obj_listUL = document.getElementById("listUL");
        var i = 0;
        var m = 0;
        var n = 0;
        var btn_query = document.getElementById("btn_query");
        var selectDiv = document.getElementById("selectDiv");
        var brandid = document.getElementById("hidbrandid").value;
        var seriesid = document.getElementById("hidseriesid").value;
        var obj_series;
        var obj_models;
        if (selectDiv.style.display != "none") {
            selectDiv.style.display = "none";
        }
        //清除li节点
        var childs = obj_listUL.childNodes;
        for (i = childs.length - 1; i >= 0; i--) {
            //alert(childs[j].nodeName);
            obj_listUL.removeChild(childs[i]);
        }
        if (selectstate == 2) {

            for (i = 0; i < carData.length; i++) {
                if (carData[i].brandid == brandid) {
                    obj_series = carData[i].children;
                    for (m = 0; m < obj_series.length; m++) {
                        var li = document.createElement("li");
                        li.class = "mui-table-view-cell";
                        li.setAttribute("class", "mui-table-view-cell");
                        li.setAttribute("onclick", "select_OK(this)");
                        li.innerHTML = "<input name='SelectCar' type='radio' value='" + obj_series[m].seriesid + "' title='" + obj_series[m].seriesname + "' />  " + obj_series[m].seriesname;
                        obj_listUL.appendChild(li);
                    }
                    break;
                }
            }
        }
        if (selectstate == 3) {

            for (i = 0; i < carData.length; i++) {
                if (carData[i].brandid == brandid) {
                    obj_series = carData[i].children;
                    for (m = 0; m < obj_series.length; m++) {
                        if (obj_series[m].seriesid == seriesid) {
                            obj_models = obj_series[m].children;
                            for (n = 0; n < obj_models.length; n++) {
                                var li = document.createElement("li");
                                li.class = "mui-table-view-cell";
                                li.setAttribute("class", "mui-table-view-cell");
                                li.setAttribute("onclick", "select_OK(this)");
                                li.innerHTML = "<input name='SelectCar' type='radio' value='" + obj_models[n].modelsid + "' title='" + obj_models[n].year + "款" + obj_models[n].modelsname + "' />  " + obj_models[n].year + "款" + obj_models[n].modelsname;
                                obj_listUL.appendChild(li);

                            }
                            break;
                        }
                    }
                    break;
                }
            }
        }

    }

    function initBrand() {
        var obj_Ulbrand = document.getElementById("Ulbrand");
        var i = 0;

        var btn_query = document.getElementById("btn_query");
        var selectbrand = document.getElementById("selectbrand");

        if (selectbrand.style.display != "none") {
            selectbrand.style.display = "none";
        }
        //清除li节点
        var childs = obj_Ulbrand.childNodes;
        for (i = childs.length - 1; i >= 0; i--) {
            //alert(childs[j].nodeName);
            obj_Ulbrand.removeChild(childs[i]);
        }

        var brandletter = "";
        for (i = 0; i < carData.length; i++) {
            if (brandletter != carData[i].brandletter) {
                var li = document.createElement("li");
                li.setAttribute("id", carData[i].brandletter);
                li.setAttribute("data-group", carData[i].brandletter);
                li.setAttribute("class", "mui-table-view-divider mui-indexed-list-group");
                li.innerText = carData[i].brandletter;
                obj_Ulbrand.appendChild(li);
                brandletter = carData[i].brandletter;
            }
            var li = document.createElement("li");
            li.setAttribute("class", "mui-table-view-cell mui-indexed-list-item mui-checkbox mui-left");
            li.setAttribute("onclick", "select_OK(this)");
            li.innerHTML = "<input name='SelectCar' type='radio' value='" + carData[i].brandid + "' title='" + carData[i].brandname + "' />  " + carData[i].brandname;
            obj_Ulbrand.appendChild(li);
        }
        selectbrand.style.display = "none";
    }
    initBrand();
</script>
</body>
</html>
